<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="Author" content="Cyc">
    <title>兰图官网</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1">
    <link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/indexMedia.css">
    <script src="js/jquery-3.2.1.min.js"></script>
</head>
<body>
<!-- www.lantunet.com -->
	<!--header start-->
	<div id="header" class="clearfix">
		<div class="h-main">
			<!-- logo -->
			<div class="h-m-logo">
				<a href="index.html"><img src="img/logo.png" width="132" height="37"/></a>
			</div>
			<!-- nav -->
			<div class="h-m-nav">
				<ul class="list1">
					<li class="active"><a href="index.html">首页</a></li>
					<li><a href="campus.html">移动校园</a></li>
					<li><a href="campus.html">经典案例</a></li>
					<li><a href="campus.html">公司动态</a></li>
					<li><a href="campus.html">招贤纳士</a></li>
					<li><a href="campus.html">联系我们</a></li>
				</ul>
				<ul class="list2">
					<li class="active"><a href="index.html">首页</a></li>
					<li><a href="index.html">移动校园</a></li>
					<li><a href="index.html">经典案例</a></li>
					<li class="more" onselectstart="return false">更多<img src="img/index/nav_icon.png" />
						<div class="more-hide">
							<ul>
								<li><a href="index.html">行业新闻</a></li>
								<li><a href="index.html">招贤纳士</a></li>
								<li><a href="index.html">联系我们</a></li>
								<li><a href="index.html">兰图家族</a></li>
							</ul>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<!--End header-->
	
	<!-- banner start-->
	<div id="banner" class="clearfix">
		<div class="b-part">
			<div class="part part1">
				<img class="img1" src="./img/index/bg1-2.png" alt="" />
				<img class="img2" src="./img/index/bg1-3.png" alt=""/>
			</div>
			<div class="part part2">
				<div class="img1">
					<p><img src="./img/index/bg2-1.png" alt=""/></p>
					<p><img src="./img/index/bg2-2.png" alt=""/></p>
					<p style="background: #b3cd35;width:96%;padding:2%;border-radius:6px;"><img src="./img/index/bg2-3.png" alt=""/></p>
				</div>
				<div class="img2" alt=""></div>
			</div>
			<div class="part part3">
				<div class="img1"  alt="" ></div>
				<div class="img2"  alt="">
					<p><img src="./img/index/bg3-3.png" alt=""/></p>
					<p><img src="./img/index/bg3-4.png" alt=""/></p>
					<p style="background: #b3cd35;width:96%;padding:2%;border-radius:6px;"><img src="./img/index/bg3-5.png" alt=""/></p>
				</div>
			</div>
		</div>
		<div class="b-tab">
			<ul>
				<li class="on"></li>
				<li></li>
				<li></li>
			</ul>
		</div>
	</div>
	<!-- end banner -->
	
	<!-- classic start -->
	<div id="classic">
		<div class="c-title">
			<img alt="" src="img/index/t_c.png"/>
			<p>经典案例</p>
		</div>
		<div class="c-main">
			<ul>
				<li><img src="img/index/i1.png" /></li>
				<li><img src="img/index/i2.png" /></li>
				<li><img src="img/index/i3.png" /></li>
				<li class="slide" ><img src="img/index/i4.png" /></li>
				<li class="mid" ><img src="img/index/i5.png" /></li>
				<li class="slide"><img  src="img/index/i6.png" /></li>
				<li><img src="img/index/i7.png" /></li>
				<li><img src="img/index/i8.png" /></li>
				<li><img src="img/index/i9.png" /></li>
			</ul>
		</div>
		<div class="c-btn clearfix d-b p-a w100 center">
			<div class="left f-l c-p">
				<img src="img/index/t_l.png" alt=""/>
			</div>
			<div class="right f-r c-p">
				<img src="img/index/t_r.png" alt=""/>
			</div>
		</div>
	</div>
	<!-- end classic -->
	
	<!--partner start-->
	<div id="partner" class="w100">
		<div class="p-title pt-30">
			<img src="img/index/rd.png" class="d-b">
			<p class="f18 t-c">研发伙伴</p>
		</div>
		<div class="p-list">
			<ul class="clear-float">
				<li>
					<a href="#">
						<img src="img/index/rd1.jpg" alt="" class="d-b">
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/index/rd2.jpg" alt="" class="d-b">
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/index/rd3.jpg" alt="" class="d-b">
					</a>
				</li>
			</ul>
		</div>
	</div>
	<!--end partner-->
	
	<!--copy start-->
	<div id="copy" class="t-c f16">
		<span class="f16 c-ccc">备案号：蜀ICP备13025447号-1</span>
		<span class="f16 c-ccc">©2013-2017 版权所有</span>
		<span class="f16 c-ccc">成都兰途网络科技有限公司</span>
	</div>
	 
	<!--end copy-->
	<script src="js/index.js">
	</script>

</body>
</html>





























